
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no,email=no" />
<link rel="shortcut icon" href="${root}favicon.ico" />
<meta name="keywords" content="${obj.title} ">
<meta name="description"
	content="心理学免费课程,心理学视频课程,心理学专业视频。"
	itemprop="心理学免费课程,心理学视频课程,心理学专业视频。">
<meta itemprop="name" content="${obj.title}" />
<meta itemprop="image" content="${www}${obj.img}" />
<meta version="116945" />
<title>${obj.title!} -心课堂</title>
<link rel="canonical" href="http://www.iepsy.com/course/${obj.id}" />
<link rel="stylesheet" href='${root}css/common.css' />
<link rel="stylesheet" href='${root}css/course/course.css' />
<script>
    /**
     * 移动设备进入web化课堂跳转任务详情页
     */
    (function() {
        var reg = /(iphone|ios|android|mini|mobile|mobi|Nokia|Symbian|iPod|iPad|Windows\s+Phone|MQQBrowser|wp7|wp8|UCBrowser7|UCWEB|360\s+Aphone\s+Browser)/i;
        if(reg.test(navigator.userAgent)){
            var url  = '//m.iepsy.com/course/${obj.id}';
            window.location.href = url;
        }
    })();
</script>
</head>
<body class="page-course l-media l-aside-right ">
	<!--:include("/inc/course/header.html"){}  -->
	<section class="section-feature section--course-banner">
	
		<div class="course-banner inner-center clearfix">
			<nav class="breadcrumb inner-center">
				<a class="breadcrumb-item" href="/course/">全部课程</a><i
					class="icon-font i-v-right"></i> <a class="breadcrumb-item"
					href="/course/?cid=${obj.cid1}">${obj.cate1!}</a><i
					class="icon-font i-v-right"></i> <a class="breadcrumb-item"
					href="/course/?cid=${obj.cid2}">${obj.cate2!}</a><i
					class="icon-font i-v-right"></i> <a
					class="breadcrumb-item item--tt" >${obj.title}</a>
			</nav>
			<div class="imgtext-course" auto-test="mod_course_imgtext">
				<div class="img-left--wrap" auto-test="mod_course_imgtext_left">
				<!--:if(!isEmpty(p.uid)){  -->
				<div id="uid" style="z-index: 999;position: fixed;left: 900px;">
				<img src="${www}${u.img!}" style="width: 200px;height: 200px;border-radius: 40px;" />
				<h1><font color="red;">${u.nickname!}</font><br/>邀请您购买该课程!</h1>
				</div>
				<!--:}  -->
					<img class="img-left"
						onerror="this.src='//9.url.cn/edu/lego_modules/edu-ui/0.0.1/img/nohash/img-err2.png';this.onerror=null;"
						src="${www}${obj.img}" alt="${obj.title}" width="510" height="286" />
					<div class="js-latest-live-task"></div>
					<!--:if(obj.vid>0){  -->
					<span class="btn-expr js-expr-btn btn-expr--free" style="display: inline;">
					<span class="btn-expr-in"><i class="icon-font i-play i-btn-expr"></i></span>
					</span>
					<!--:}  -->
					<ul class="pay-policy">
						<li class="pay-policy-title">服务承诺 :</li>
						<li><a href="${root}faq.html#/0/5"
							title="平台内付款由腾讯课堂承诺保障" target="_blank"><i class="icon-policy"></i>支付保障</a></li>
						<li class="hide"><a href="//ke.qq.com/faq.html#/0/5"
							title="平台内付费用户在课程开始前可无条件退款" target="_blank"><i
								class="refund-icon1"></i>课前随时退</a></li>
					</ul>
				</div>
				<div class="text-right text-right--pay"
					auto-test="mod_course_imgtext_right">
					<h1 class="page-tt" style="white-space:normal;">
						<span class="title-main">${obj.title}</span>
					</h1>
					<div class="tt-below-line">
						<span class="line-item statistics-apply"> 购买人数 <span
							class="apply-num js-apply-num">29</span></span> <i class="icon-sep"></i><span
							class="line-item statistics-rate">好评度 <span
							class="rate-num"> 100% </span></span><i class="icon-sep"></i>
							<span class="line-item btn-favorite " id="js_fav"><i
							class="icon-font i-heart"></i><em style="color: blue;">收藏</em></span>
						<!-- JiaThis Button BEGIN -->
						<span class="line-item" >
<span class="jiathis_style" >
	<a style="margin-left: 20px;margin-top: 5px;" href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
</span>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
						</span>
					</div>
					<div class="course-class  ">
						<div class="class-tt-list-wrap">
							<ul class="class-tt-list" id="js_term_master">
								<li class="js-term-item active" data-idx="0"
									data-termid="100165441"><span class="item-name">
									${obj.is_zb>0?'直播课程':obj.type+'课程'}</span></li>
									<!--:if(obj.is_exam>0){  -->
								<li class="js-term-item">
								<button id="goexam" style="color: white;background-color: #188eee;" class="button">开始考试</button>
								</li>
								<!--:}  -->
							</ul>
							<span class="class-more"><i class="icon-font i-v-left"></i>更多班级<i
								class="icon-font i-v-right"></i></span>
						</div>
						<div class="class-content-list ">
							<div
								class="class-content js-term-item js-term-baseinfo    class-content--no-des active"
								data-idx="0" data-termid="100165441">
								<h2 class="hidden-clip">专题课程</h2>
								<p class="class-date">发布时间：${obj.add_time,"yyyy年MM月dd日"}</p>
								<!--:if(!isEmpty(signup)){  -->
								<i class="icon-class-applyed"></i>
								<!--:}  -->
							</div>
							<div
								class="class-content js-term-item js-term-baseinfo class-content--no-des"
								data-idx="-1" data-termid="0">
								<h2 class="hidden-clip">任意学</h2>
								<p class="class-date">可在本课程的任意班级及期次上课</p>
								
								<div class="class-des"></div>
							</div>
						</div>
					</div>

					<div class="course-price js-course-price   active  "
						data-termid="100232261">
						<!--:if(obj.price>0){  -->
						<p class="course-price-info ">
							<span class="price "> ¥ <span class="fontsize-22">${obj.price,"#.##"}</span>
							</span>
						</p>
						<!--:}else{  -->
						<p class="course-price-info free">  <span class="price free">  ${obj.vip>0?'VIP视频':'免费'}  </span>  </p>
						<!--:}  -->
						<div class="course-price-discount">
							<div class="course-coupon js-coupon-wrap hide"
								style="display: none;"></div>
						</div>
					</div>
					<p class="mod-tip hide" id="js-mod-tip">
						<i class="icon-font i-alert mod-tip-icon"></i><span
							class="js-tip-des">本班因教学质量问题暂时不能报名。</span><a
							href="//ke.qq.com/faq.html?part=teachingQuality#/0/3"
							title="查看详情">查看详情</a>
					</p>
					<div class="oper-bar" id="js_btn_bar" auto-test="mod_oper_bar">
						<!--:if(play==0){  -->
						<span class="btn-join js-apply-btn btn-default js-apply-btn-apply">立即报名</span>
						<!--:}else if(play==1){  -->
						<a href="${root}users/course/${obj.id}" target="_blank" class="btn-join js-apply-btn btn-default">立即学习</a>
						<!--:}else if(play==2){  -->
						<a href="${root}pay/course/${obj.id}" target="_blank" class="btn-join js-apply-btn btn-default">立即购买</a>
						<!--:}else if(play==3){  -->
						<a href="${root}vip/" target="_blank" class="btn-join js-apply-btn btn-default">购买VIP</a>
						<!--:}  -->
						<span class="btn-pay js-apply-btn-instalment js-installments-btn $btnInstalmentClass  hide">分期还款</span>
						<span class="btn-advice-wrap"><span
							class="btn-advice-wording btn-outline">咨询</span><a
							href="http://shang.qq.com/open_webaio.html?sigt=946f4939d50393192c0e1090fda44cfb0847f490be79b06bf35eed1d3985c7cdcc234902384754494f80bd220dd051fc&sigu=928f9dce9d9851ddfc8f85ae2bea125d2c6d415cc3b1c8b9079c9623b13a08fd4fc9fd2319f9335f&tuin=${obj.qq}"
							target="_blank"><span class="btn-advice-qq btn-outline btn-advice hide">在线</span></a><span
							class="js-btn-advice-tel btn-advice-tel btn-outline btn-advice hide"
							data-tel="${obj.phone}">电话</span></span>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--:include("/inc/course/course/combo.html"){}  -->
	<section id="js-section-main" class="section-main">
		<div class="inner-center clearfix">
			<main class="main">
			<div class="content tabs">
				<div class="tabs-tt-bar js_tab js-tab-nav" id="js_tab">
					<h2 class="tabs-tt active" ref="js_basic_tab"
						auto-test="mod_tabs_basic">课程概述</h2>
					<h2 class="tabs-tt" ref="js_dir_tab" auto-test="mod_tabs_dir">课程目录</h2>
					<h2 class="tabs-tt" ref="js_comment_tab"
						auto-test="mod_tabs_comment">
						学员评论<span class="num">(${obj.comments.~size!0})</span>
					</h2>
				</div>
				<div class="tabs-content" id="js_basic_tab">
					<h3 class="guide-tt js-teacher-location" data-teacherlocation="1">老师介绍</h3>
					<div class="guide-bd">
						<div class="teacher-list">
							<!--:for(t in obj.teachers){  -->
							<div class="teacher-item">
								<a href="/teacher/${t.name}" class="img-left" target="_blank"><img
									src="${www}${t.img}" onerror="this.src='${root}images/logo.png';this.onerror=null;"
									alt="${t.name}"></a>
								<div class="text-right">
									<h4 class="text-tt">
										<a class="tt-link js-teacher-name" href="/teacher/${t.name}"
											title="${t.name}" target="_blank">${t.name}</a>
									</h4>
									<div class="text-intro js-teacher-intro"
										title="${t.name}">${t.text}</div>
								</div>
							</div>
							<!--:}  -->
						</div>
					</div>
					<div class="guide-bd">
						<table class="tb-course">
							<tbody>
								<tr>
									<th>简 介</th>
									<td>${obj.text}</td>
								</tr>
								<tr>
									<th>适用人群</th>
									<td>所有人</td>
								</tr>
							</tbody>
						</table>
						<div class="intro-course">${obj.html}</div>
					</div>
				</div>
				<!--:include("/inc/course/course/chapter.html"){}  -->
				<!--:include("/inc/course/course/comment.html"){}  -->
			</div>
			</main>
			<aside class="aside-right" auto-test="mod_course_aside">
				<div class="aside-recommend hide"></div>
				<div class="aside-blocks">
					<div class="aside-block block--agency"
						auto-test="mod_course_aside_agency">
						<div class="block-bd">
							<h4 class="agency-tt">
								<div class="tt-cover-url">
									<a href="${root}agency/${obj.agency_id}" target="_blank"><img
										src="${root}${obj.agency.img}"
										alt="${obj.agency.name}" width="64" height="64" /></a>
								</div>
								<div class="tt-cover-name">
									<a class="tt-link js-agency-name" href="${root}agency/${obj.agency_id}"
										title="${obj.agency.name}" target="_blank">${obj.agency.name}</a>
								</div>
							</h4>
							<ul class="tree-list">
								<li><p class="item-tt">好评度</p> <span class="item-num">
										98% </span></li>
								<li><p class="item-tt">课程数</p> <span
									class="item-num js-item-num" >${obj.agency.course_num!0}</span></li>
								<li><p class="item-tt">学生数</p> <span
									class="item-num js-item-num" >${obj.agency.user_num!0}</span></li>
							</ul>
							<div class="agency-summary">${obj.agency.text!}</div>
						</div>
					</div>
					<div class="aside-block block--contact"
						auto-test="mod_course_aside_contact">
						<h3 class="block-tt">沟通咨询</h3>
						<div class="block-bd">
							<ul class="contact-list">
								<li class=""><i class="item-icon icon-font i-group"></i><a
									href="http://shang.qq.com/open_webaio.html?sigt=946f4939d50393192c0e1090fda44cfb0847f490be79b06bf35eed1d3985c7cdcc234902384754494f80bd220dd051fc&sigu=928f9dce9d9851ddfc8f85ae2bea125d2c6d415cc3b1c8b9079c9623b13a08fd4fc9fd2319f9335f&tuin=${obj.agency.qq!'615842666'}" class="item-tt js-group-entrance"
									target="_blank">咨询${obj.agency.name}</a>
									<p class="gray">QQ号: ${obj.agency.qq}</p>
									<p class="gray">联系电话: ${obj.agency.phone}</p>
									</li>
							</ul>
						</div>
					</div>
				</div>
			</aside>
		</div>
	</section>
	<section class="section-postscript section--recommend ${courses.~size>0?'':'hide'}" >
		<div class="inner-center">
			<h3 class="section-tt">老师还为你推荐了以下几门课程</h3>
			<div class="section-bd course-card-list-single-wrap">
				<ul class="course-card-list">
					<!--:for(c in courses){  -->
					<li class="course-card-item"><a
						href="${root}course/${c.id}" target="_blank"
						class="item-img-link"  data-index="0 + 1"
						data-ispkg="0" data-cardpos="1.1"> <img
							src="${www}${c.img}"
							alt="${c.title}" title="${c.title}" class="item-img"
							width="220" height="124"
							onerror="this.src='//10.url.cn/qqcourse_logo_ng/ajNVdqHZLLCiaiaamLlib1OW9iajvh9ibxicFCZDhInVn2UibOZNGk8mTGI4o2IqMlPZCYgJwsJlQmIibCE/220';this.onerror=null;" />
					</a>
						<h4 class="item-tt">
							<a href="${root}course/${c.id}" target="_blank"
								class="item-tt-link" title="${c.title}">${c.title}</a>
						</h4>
						<div class="item-line item-line--bottom">
							<span class="line-cell item-price ${c.price>0?'':'free'}"> ${c.price>0?'&yen;'+c.price:'免费'} </span>
							 <span class="line-cell item-user item-user--right"> 购买人数 ${c.num!0}人 </span>
						</div></li>
					<!--:}  -->
				</ul>
			</div>
		</div>
	</section>
	<!--:include("/inc/footer.html",{css:'position: absolute;'}){}  -->

	<div class="modal-bg tankuang hide" ></div>
	<div class="tips tips-buy-course alert-tips tankuang hide"
		style="margin-top: -178px;">
		<div class="tips-hd">购买课程</div>
		<div class="tips-bd">
			<div class="mod-course-banner">
				<img
					src="${www}${obj.img!}"
					alt="${obj.title!}" class="mod-course-banner__img">
				<div class="mod-course-banner__content">
					<h3 class="mod-course-banner__title"
						title="${obj.title!}">${obj.title!}</h3>
					<div class="mod-course-banner__content-line">
						<a href="${root}agency/${obj.agency_id!}" target="_blank"
							class="mod-course-banner__c-light" title="${obj.agency_name!}">${obj.agency_name!}</a>
					</div>
				</div>
			</div>
			<div class="course-class course-class--one">
				<div class="class-tt-list-wrap">
					<ul class="class-tt-list" id="box_term_master">
						<li class="js-term-item active " data-idx="0"
							data-termid="100163078" data-acceptable="1" data-installment="">
							<span class="item-name">基础班</span>
						</li>
					</ul>
					<span class="class-more"><i class="icon-font i-v-left"></i>更多班级<i
						class="icon-font i-v-right"></i></span>
				</div>
				<div class="class-content-list">
					<div class="js-term-item class-content active" data-idx="0"
						data-termid="100163078" data-acceptable="1">
						<h2 class="hidden-clip">录播课程</h2>
						<p class="class-date">${obj.add_time,"YY年MM月dd日"}发布</p>
						<div class="class-des"></div>
					</div>
				</div>
			</div>
			<div class="js-mod-course-info">
				<div class="mod-course-banner_row clearfix">
					<div class="mod-course-banner_col1">课程价格</div>
					<!--:if(obj.price>0){  -->
					<div class="mod-course-banner_col2">
						<span class="js-mod-course-banner-price mod-course-banner__price">
							¥<span class="fontsize-22">${obj.price,"##.##"}</span>
						</span>
					</div>
					<!--:}else{  -->
					<span class="js-mod-course-banner-price mod-course-banner__price mod-course-banner__price_free"> <span class="fontsize-22">${obj.vip>0?'VIP视频':'免费'}</span> </span>
					<!--:}  -->
				</div>
			</div>
			<div class="mod-course-banner_row clearfix hide js-not-chose-tips">
				<div class="mod-course-banner_col2">
					<p class="mod-course-banner_tips">
						<i class="icon-font i-alert"></i>请先选择班级
					</p>
					<p></p>
				</div>
			</div>
			<!-- <p class="pay-support">支持微信、财付通、银行卡支付</p> -->
			<label class="js-pay-protocol pay-protocol f-checkbox checked"
				data-name="" data-value="1"> <i class="icon-checkbox"></i> <span
				class="f-label-text">同意<a target="_blank" class="nor-link"
					href="${root}service.html">心课堂服务协议</a></span>
			</label>
		</div>
		<div class="tips-tool">
			<!--:if(obj.price>0){  -->
			<a href="${root}pay/course/${obj.id}"
				title="去学习" class="btn-7 modal-accept">去学习</a>
				<!--:}else{  -->
				<a href="${root}pay/course/${obj.id}"
				title="去报名" class="btn-7 modal-accept">去报名</a>
				<!--:}  -->
				<a auto-test="cancel-dialog_149311683642605870504053381791" href="#"
				title="取消" class="btn-8 modal-cancel">取消</a>
		</div>
		<a auto-test="close-dialog_149311683642605870504053381791" href="#"
			class="modal-close btn-close" title="关闭">×</a>
	</div>



	<script type="text/javascript" src="${root}assets/layui/layui.all.js"></script>
	<script src="${root}js/jqfloat.min.js"></script>
	<script type="text/javascript">
	var uid=${session.user.id!0};
	var is_play=${play!0}
	$(function(){
		$(".tabs-tt").click(function(){
			$(".tabs-tt").removeClass("active")
			$(this).addClass("active")
			$(".tabs-content").removeClass("hide")
			$(".tabs-content").addClass("hide")
			$("#"+$(this).attr("ref")).removeClass("hide")
		})
		$(".js-apply-btn-apply").click(function(){
			if(uid==0){//未登录
				location.href="${root}login?goto=course/${obj.id!}";
			}else
			$(".tankuang").removeClass("hide")
		})
		$("#goexam").click(function(){
			if(uid==0){//未登录
				alert("请先登录后再进行操作!")
			}else{
				if(is_play==1){
					location.href="${root}test/${obj.id!}";
				}else{
					alert("你尚未报名该课程，请报名后再进行操作!")
				}
			}
		})
		$(".modal-close,.modal-cancel").click(function(){
			$(".tankuang").addClass("hide")
		})
		$(".js-btn-advice-tel").click(function(){
			alert("请电话号码:${obj.phone}");
		})
		$(".btn-expr-in").click(function(){
			play('${obj.vid}')
		})
		$('#uid').jqFloat({
			width: 100,
			height: 100,
			speed: 2000
		});
	})
	function play(id){
		layer.open({
	    	type: 2,
	    	  title: false,
	    	  shade: 0.8,
	    	  closeBtn: 1,
	    	  shadeClose: true,
	      area: ['640px', '360px'],
	      content: ['${root}video/play/'+id, 'no']
	    });
	}
	
	
	//点击收藏按钮，发送课程id. 变成取消收藏
	//把课程收藏到我的收藏中，
	$('#js_fav em').on('click',function (){
		if($('#js_fav em').text()=='收藏'){
				$.ajax({
					type:'post',
					ulr:'${root}raw/favorite/addcurse',
					data:{
						id:${obj.di!0}
					},
					success:function(){
						$('#js_fav em').text('取消收藏');
						$('#js_fav em').css('color','');
					}
			})
		}else if($('#js_fav em').text() == '取消收藏'){
				$.ajax({
					type:'post',
					ulr:'${root}raw/favorite/addcursedel',
					data:{
						id:${obj.di!0}
					},
					success:function(){
						$('#js_fav em').text('收藏');
						$('#js_fav em').css('color','blue');
					}
			})	
		}
	})
	
	
	
	
	</script>
	
</body>
</html>
